.custom-button{width:-moz-fit-content;width:fit-content;border-radius:.5rem;font-weight:700;font-family:var(--font-outfit);transition:background-color .2s,color .2s;line-height:1;text-decoration:none;display:inline-flex;cursor:pointer;align-items:center;gap:.75rem;background-color:var(--clr);color:#fff;border-radius:10rem;font-weight:600;padding:.75rem 1.5rem .75rem 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;border:1px solid transparent}.custom-button.primary{background-color:var(--background-secondary);color:var(--color-primary)}.custom-button.secondary{background-color:var(--background-primary);color:var(--color-secondary);border:1px solid var(--color-primary)}.custom-button.primary:hover{background-color:var(---background-primary);border:1px solid var(--color-secondary);color:var(--background-secondary)}.custom-button.secondary:hover{background-color:var(--background-secondary);border:1px solid var(--color-secondary);color:var(--background-primary)}.custom-button :disabled{cursor:no-drop}@media (max-width:576px){.custom-button{padding:.5rem;font-size:14px}}.card{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:rgba(238,238,238,0);padding:10px;gap:10px;box-shadow:0 0 20px rgba(0,0,0,.055);flex-direction:row}.card,.socialContainer{display:flex;align-items:center;justify-content:center}.socialContainer{width:52px;height:52px;background-color:var(--background-secondary);overflow:hidden;transition-duration:.3s;border-radius:15px;cursor:pointer}.containerOne:hover{background-color:#d62976}.containerOne:hover,.containerTwo:hover{transition-duration:.3s;transform:scale(1.5);border-radius:15px}.containerTwo:hover{background-color:#1877f2}.containerThree:hover{background-color:#0072b1}.containerFour:hover,.containerThree:hover{transition-duration:.3s;transform:scale(1.5);border-radius:15px}.containerFour:hover{background-color:#25d366}.containerFive:hover{background-color:#D94334;transition-duration:.3s;transform:scale(1.5);border-radius:15px}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:17px}.socialSvg path{fill:rgb(255,255,255)}.socialContainer:hover .socialSvg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}