.glass-button{
    /*Button Text Style*/
    text-decoration: none;
    /*Button Color & Border*/
    border: 2px solid var(--secondary);
    color: var(--secondary);
    background: var(--background);
    outline: none;
    /*Position, Display, Size*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px 14px ;
    cursor: pointer;
    height: 2.5rem;
    transform-style: preserve-3d;
    transition: 0.2s ease-in-out;
    margin: 2%;
    width: 20rem;
    left: -5px;

    &::after {
      /*Make a:after be as big as button*/
      position: absolute;
      width: 103%;
      height: 110%;
      /*Give a:after Border & Background color*/
      border: 2px solid var(--accent);
      background-color: var(--accent-trans);
      /*Decide Location of a:after..this gives a           bottom right shadow*/
      left: 6px;
      top: 6px;
  
      /*Place a:after behind button*/
      transform: translateZ(-1px);
      content: "";
  
      transition: 0.2s ease-in-out;
    }
  
    &::before {
      /*Make a:after be as big as button*/
      position: absolute;
      width: 103%;
      height: 110%;
      /*Give a:after Border & Background color*/
      border: 2px solid var(--accent);
      background-color: var(--accent-trans);
      /*Decide Location of a:after..this gives a           bottom right shadow*/
      left: 1px;
      top: 1px;
  
      /*Place a:after behind button*/
      transform: translateZ(-1px);
      content: "";
  
      transition: 0.2s ease-in-out;
    }
  
    &:hover {
      transform: translate(3px, 3px);
      transition: 0.2s ease-in-out;
    }
  
    &:hover:after {
      transform: translate3D(-6px, -6px, -6px);
      transition: 0.2s ease-in-out;
    }
    &:hover:before {
      transform: translate3D(-3px, -3px, -3px);
      transition: 0.2s ease-in-out;
    }
}