.plusButton{--plus_sideLength:2.5rem;--plus_topRightTriangleSideLength:0.9rem;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid white;width:var(--plus_sideLength);height:var(--plus_sideLength);background-color:#000000;overflow:hidden;border-radius:1.25rem;transform:rotate(180deg)}.plusButton:before{position:absolute;content:"";top:0;right:0;width:0;height:0;border-width:0 var(--plus_topRightTriangleSideLength) var(--plus_topRightTriangleSideLength) 0;border-style:solid;border-color:transparent #b7944e transparent transparent;background:linear-gradient(90deg,#b7944e 22%,#d1ba8c);transition-timing-function:ease-in-out;transition-duration:.2s}.plusButton:hover{cursor:pointer}.plusButton:hover:before{--plus_topRightTriangleSideLength:calc(var(--plus_sideLength) * 2)}.plusButton:focus-visible:before{--plus_topRightTriangleSideLength:calc(var(--plus_sideLength) * 2)}.plusButton>.plusIcon{fill:white;width:calc(var(--plus_sideLength) * .7);height:calc(var(--plus_sideLength) * .7);z-index:1;transition-timing-function:ease-in-out;transition-duration:.2s}.plusButton:hover>.plusIcon{fill:black;transform:rotate(180deg)}.plusButton:focus-visible>.plusIcon{fill:black;transform:rotate(180deg)}