.flip-card__container{perspective:1000px;margin:0;display:block}.flip-card__container[active] .flip-card__card{transform:rotateY(180deg)}.flip-card__container[active] .flip-card__card .flip-card__back{z-index:3}.flip-card__card{box-shadow:0 2px 4px 0 rgba(29, 31, 33, var(--opacity-20));color:var(--color-gray-90);position:relative;transform-style:preserve-3d;transition:.6s ease-in-out;background:var(--color-white);border-radius:var(--border-radius-small)}.flip-card__front-button{height:48px;width:48px;position:absolute;right:12px;top:12px;z-index:3;color:var(--color-white);background:rgba(31, 31, 31, var(--opacity-40))}.flip-card__front-button:hover{box-shadow:0 0 0 var(--border-width-thick) var(--color-gray-50) inset}.flip-card__back-button{height:48px;width:48px;position:absolute;right:12px;top:12px;z-index:3}.flip-card__back,.flip-card__front{position:absolute;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;left:0;top:0;max-height:438px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--border-radius-small)}.flip-card__front{position:relative;transform:rotateY(0deg);z-index:2}.flip-card__back{transform:rotateY(180deg)}