.box-shadow {
    box-shadow: 2px -1px 13px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 2px -1px 13px -3px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px -1px 13px -3px rgba(0, 0, 0, 0.75);

}

.tarjeta-3d:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: 2px -1px 13px -3px rgba(100, 100, 100, 0.55);
    -webkit-box-shadow: 2px -1px 13px -3px rgba(100, 100, 100, 0.55);
    -moz-box-shadow: 2px -1px 13px -3px rgba(100, 100, 100, 0.55);
  
    transition-property: box-shadow, transform;
    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(.16, 1, .29, .99);
}

.tarjeta-box-shadow:hover {
    box-shadow: 2px -1px 13px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 2px -1px 13px -3px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px -1px 13px -3px rgba(0, 0, 0, 0.75);
}

.tarjeta-opcion {
    width: 100%;
    margin: 10px auto;
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, .05);
}

.box-shadow-white {
    box-shadow: 0px 0px 21px 0px rgb(29 28 28);
    -webkit-box-shadow:0px 0px 21px 0px rgb(29 28 28);
    -moz-box-shadow:0px 0px 21px 0px rgb(29 28 28);
}