.btn1{display:flex;align-items:center;gap:.625rem;padding-block:.5rem;padding-inline:.5rem .5rem;width:44px;max-width:max-content;background-color:var(--branco);border-radius:1.5rem;cursor:pointer;transition:all .3s ease-out;clip-path:inset(0 0 0 0);scale:0%;animation:step1 .6s 1.5s forwards ease,step2 1.3s 2s forwards ease;>span{font-size:.875rem;font-weight:500;color:var(--urb-500);text-wrap:nowrap;opacity:0;transition:all .3s ease-out;animation:step3 .5s 2.1s forwards ease}>svg{height:1.75rem;width:1.75rem;border-radius:.875rem;padding:.5rem;background:var(--urb-500);transition:.3s ease-out;& path{fill:var(--branco)}}&:hover{gap:1rem;transform-origin:left;color:var(--branco);background-color:var(--urb-400);&:hover>span{color:var(--branco)}>svg{background:var(--urb-400)}}}@keyframes step1{0%{scale:0%}75%{scale:110%}to{scale:100%}}@keyframes step2{0%{width:44px;padding-inline:.5rem .5rem}30%{padding-inline:1.25rem .5rem}to{width:100%;padding-inline:1.25rem .5rem}}@keyframes step3{0%{opacity:0}to{opacity:1}}.btn-action{font-size:.875rem;font-weight:500;color:var(--branco);background-color:var(--urb-500);padding-inline:2rem;padding-block:.75rem;border-radius:2rem;display:flex;justify-content:center;cursor:pointer;transition:.3s ease-out;&:hover{filter:brightness(120%);scale:102%}&:has(.loading-spinner){background-color:var(--cinza-300);cursor:default;pointer-events:none}&:disabled,&.disabled{background-color:var(--cinza-300);cursor:default;pointer-events:none}}.btn2{display:flex;gap:.5rem;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;color:var(--urb-50);background-color:transparent;border:1px solid var(--urb-50);border-radius:1.75rem;padding-inline:1.5rem;padding-block:.625rem;cursor:pointer;transition:.3s ease-out;&:hover{background-color:var(--branco);color:var(--urb-600);border:1px solid var(--urb-600)}}.btn3{display:flex;gap:.5rem;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;color:var(--cinza-600);background-color:transparent;border:1px solid var(--cinza-400);border-radius:1.75rem;padding-inline:1.5rem;padding-block:.625rem;cursor:pointer;transition:.3s ease-out;&:hover{background-color:var(--branco);color:var(--urb-600);border:1px solid var(--urb-600)}}.btn-primary{font-size:.8rem;font-weight:500;color:var(--bege-30);background-color:var(--urb-700);padding-inline:1.25rem;padding-block:.7rem;border-radius:1.25rem;display:flex;justify-content:center;cursor:pointer;transition:.3s ease-out;&:hover{filter:brightness(125%);scale:103%}&:has(.loading-spinner){background-color:var(--bege-250);cursor:default;pointer-events:none}&:disabled{background-color:var(--bege-250);cursor:default;pointer-events:none}}.btn-outline{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.7rem;font-weight:500;color:var(--urb-500);background:var(--branco);border:1px solid var(--urb-500);border-radius:1.5rem;padding:.625rem .75rem;cursor:pointer;transition:.3s ease-out;&:hover{background:var(--urb-500);color:var(--branco)}}.btn4{font-size:.8rem;font-weight:600;color:var(--urb-500);border:1px solid var(--urb-500);border-radius:1.25rem;padding:.625rem;cursor:pointer;transition:.3s ease-out;&:hover{color:var(--branco);background:var(--urb-500)}}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-left-color:var(--branco);width:1.25rem;height:1.25rem;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-schedule{position:fixed;bottom:1rem;z-index:3;display:none;align-items:center;justify-content:center;padding-block:.5rem;padding-inline:.5rem .5rem;width:48px;height:48px;max-width:max-content;overflow:hidden;white-space:nowrap;background:#264d48bf;border-radius:1.5rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;transition:all .3s ease-out;clip-path:inset(0 0 0 0);scale:0%;animation:step1 .6s 1s forwards ease,step2Schedule 1.3s 1.5s forwards ease;>span{font-size:.875rem;font-weight:500;color:#fff;text-wrap:nowrap;text-overflow:clip;opacity:0;transition:all .3s ease-out;animation:step3Schedule .5s 1.6s forwards ease}}@keyframes step2Schedule{0%{width:48px;padding-inline:.5rem .5rem}to{width:100%;padding-inline:3rem 3rem}}@keyframes step3Schedule{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.btn-schedule{display:flex}}