.card{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}[dir] .card{border:1px solid #f1f1f1;border-radius:10px;-webkit-transition:-webkit-transform .2s ease-in-out}.card:hover{-webkit-transform:translateY(-5px)}[dir] .card:hover{transform:translateY(-5px)}.custom-button{display:block;width:100%;font-weight:700;font-size:1.25rem;color:#4400af;transition:all .3s ease-in-out}[dir] .custom-button{text-align:center;padding:.75rem;background-color:#fff;border:1px solid #4400af;border-radius:8px;-webkit-transition:all .3s ease-in-out}.custom-button:hover{color:#fff}[dir] .custom-button:hover{background-color:#4400af;border-color:#4400af}.custom-copy-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;width:90%}[dir] .custom-copy-button{background-color:#f8f8f8;border:1px solid #ccc;padding:.75rem;border-radius:8px;cursor:pointer;margin:0 auto}.custom-copy-button.copied{color:#fff}[dir] .custom-copy-button.copied{background-color:#218838}.button-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir=ltr] .button-icon{margin-right:8px}[dir=rtl] .button-icon{margin-left:8px}.button-text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:larger}