.checkableButton{cursor:pointer;display:flex;width:100%;margin-bottom:10px;position:relative}.checkableButton__wrapper{border:var(--secondaryButton-Border);box-shadow:var(--secondaryButton-Shadow);transition:.2s ease-in-out;padding:10px;align-items:flex-start;align-content:flex-start;border-radius:5px;background:#fff;box-sizing:border-box;width:100%;display:flex}.checkableButton--phrase{color:#000;font-size:12px;letter-spacing:.12px;word-break:break-word}.checkableButtonCheckBox{position:absolute;top:0;left:0;opacity:0;pointer-events:none}.checkableButtonCheckBox:checked+.checkableButton__wrapper{background-color:var(--selectedBackground);border-color:var(--selectedOutline);box-shadow:var(--selectedShadow)}@media (hover:hover) and (pointer:fine){.checkableButton:hover{border-color:var(--secondaryButtonHover-borderColour);box-shadow:var(--secondaryButtonHover-shadow);transform:var(--buttonHover-transform)}}