@property --d{
    syntax: '<angle>';
    inherits: true;
    initial-value: 0deg;
  }
  @keyframes rotateBackground {
      to { --d: 3600deg; }
  }
  .boder-effect {
    border: none;
    position: relative;
    z-index: 0;
    transition: .3s;
    cursor: pointer;
    
    border-radius: 5px; 
  }
  .boder-effect:before {
    content: "";
    position: absolute;
    inset: -3px;
    padding: 3px;
    
    border-radius: 5px; 
    background: conic-gradient(from var(--d, 0deg), #ff9600, #0000 30deg 120deg, #e9ae2c 150deg 180deg, #0000 210deg 300deg, #ff9600 330deg);
      -webkit-mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
  }
  .boder-effect:after {
      content: "";
      position: absolute;
      inset: -20px;
  }
  .boder-effect:before,
  .boder-effect:after {
      transform: rotate(3600deg);
      transition:.5s, 99999s 99999s transform, 99999s 99999s --d;
  }
  .boder-effect {
      box-shadow: 0 0 0 1px #666;
  }
  
  
  .boder-effect:after {
      transform: rotate(3600deg);
      transition: .5s,60s linear transform;
  }
  .boder-effect:before {
      /*--d: 3600deg;*/
      animation: 
          rotateBackground 30s linear infinite;
      transition: .5s,60s linear --d;
  }
  .boder-effect:before {
      background-color: #ebebeb;
  }
  
  
  
  .fixed-footer {
      display: flex;
      justify-content: space-around;
      position: fixed;
      background: rgba(189, 181, 181, 0.1);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      padding: 5px 0;
      border-radius: 15px 15px 0px 0px;
      box-shadow: 0 0 8px 4px #ffd700;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 99;
  }
  .fixed-footer a {
      flex-basis: calc((100% - 15px* 6) / 5);
      display: flex
  ;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #fff;
      max-width: 75px;
      font-size: 12px;
  }
  .fixed-footer amp-img {
      max-width: 30%;
      margin-bottom: 5px;
  }
  
  .i-amphtml-layout-size-defined {
      overflow: hidden !important;
  }
  .i-amphtml-layout-intrinsic, [layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic) {
      display: inline-block;
      position: relative;
      max-width: 100%;
  }
  .i-amphtml-layout-size-defined .i-amphtml-fill-content {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
  }
  .i-amphtml-replaced-content, .i-amphtml-screen-reader {
      padding: 0 !important;
      border: none !important;
  }
  .i-amphtml-blurry-placeholder, .i-amphtml-fill-content {
      display: block;
      height: 0;
      max-height: 100%;
      max-width: 100%;
      min-height: 100%;
      min-width: 100%;
      width: 0;
      margin: auto;
  }
  
  .banner-homepage{
          margin-bottom: 30px;
      }
  @media (max-width: 700px) {
     .fixed-footer a{
         font-size: 11px;
     } 
     .banner-homepage .banner-inner{
          height: 50px !important;
      }
      .banner-homepage{
          margin-bottom: 0px;
      }
  }
  .tron-regis{
      border-radius: 1px !important;
  }