/* Phrase A only. Do not change approved MASTER or Home above this card. */
.block.phrases>.phrase-card{
 width:calc(100% - 12px)!important;margin-inline:6px!important;
 border:0!important;border-radius:20px!important;box-shadow:none!important;
 background-size:100% 100%!important;background-position:center!important;
}
.block.phrases>.phrase-card .phrase-buttons{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 display:block!important;padding:0!important;margin:0!important;z-index:9!important;
 pointer-events:none!important;
}
.block.phrases>.phrase-card .phrase-buttons button{
 position:absolute!important;top:5.3%!important;right:12.2%!important;
 display:grid!important;place-items:center!important;
 width:clamp(40px,10.6vw,48px)!important;height:clamp(40px,10.6vw,48px)!important;
 min-width:0!important;min-height:0!important;max-width:none!important;
 padding:0!important;margin:0!important;flex:none!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 border-radius:50%!important;border:2px solid #8baedc!important;
 background:radial-gradient(circle at 35% 25%,#fff 4%,#e6f2ff 60%,#a6c9eb 100%)!important;
 box-shadow:0 2px 8px #1a3c6680,inset 0 1px 3px #fff!important;
 font-size:0!important;line-height:1!important;color:transparent!important;
}
.block.phrases>.phrase-card .phrase-buttons button+button{right:1.7%!important}
.block.phrases>.phrase-card .phrase-buttons button::before{
 content:'☆';font-family:Arial,sans-serif;font-weight:700;
 font-size:clamp(25px,6.8vw,34px);color:#27519b;line-height:1;
}
.block.phrases>.phrase-card .phrase-buttons button+button::before{content:'✓';font-size:clamp(24px,6.5vw,32px)}
body.dark .block.phrases>.phrase-card .phrase-buttons button{
 border-color:#6f91cb!important;
 background:radial-gradient(circle at 35% 25%,#44638f,#132c55 63%,#071b38)!important;
 box-shadow:0 2px 9px #0009,inset 0 1px 2px #b7d5ff88!important;
}
body.dark .block.phrases>.phrase-card .phrase-buttons button::before{color:#fff}
.block.phrases>.phrase-card .phrase-buttons button:focus-visible{outline:3px solid #19d9ff!important;outline-offset:2px}