.card{background-color:var(--main-bg);border:2px solid var(--color-primary);border-radius:25px;padding:1rem 1.5rem;width:calc(50% - 1.5rem);display:flex;flex-direction:column;color:var(--text-color);box-sizing:border-box;opacity:1;transition:box-shadow .3s ease,transform .3s ease,opacity .4s ease}.card:focus-within,.card:hover{box-shadow:0 0 15px var(--color-primary);transform:translateY(-3px);outline:0}@media (max-width:700px){.card{width:100%}}