@layer form-elements{

  .button-floating{
    padding:15px 20px;
    background-color: #000;
    color: #fff;
    font-family: var(--font-code);
    text-transform: uppercase;
    font-size:1rem;
    letter-spacing: 1px;
    text-decoration: none;
    filter: drop-shadow(5px 5px 0px var(--c-light-accent));
  }

      .button-floating:hover{
        color: var(--c-main-accent);
        filter: none !important;
      }

  .button-standard{
    padding:15px 40px;
    border-radius: 20px;
    font-family: var(--font-3);
    font-weight: 500;
    font-size:1rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background-color: var(--c-main-accent);
  }

        .button-standard:hover{
          background-color: var(--c-dark-accent2);
          color: #fff;;
        }

}