.elementor-105 .elementor-element.elementor-element-1d41531b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-105 .elementor-element.elementor-element-1d41531b:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-1d41531b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-light );}.elementor-105 .elementor-element.elementor-element-1fd43503{--display:flex;overflow:visible;}.elementor-105 .elementor-element.elementor-element-2ade1819{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-105 .elementor-element.elementor-element-2642b222{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-105 .elementor-element.elementor-element-6c880ced img{pointer-events:all;width:250px;border-radius:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-6c880ced{text-align:left;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-105 .elementor-element.elementor-element-0164e6e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-text{color:#7C878E;}.elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}.underline-link-effect .elementor-105 .elementor-element.elementor-element-0164e6e .elementor-icon-list-item:hover .elementor-icon-list-text:after{background-color:var( --e-global-color-text );}.elementor-105 .elementor-element.elementor-element-3874dcf4{--display:flex;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-9f71f61 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-105 .elementor-element.elementor-element-1351f75b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-text{color:#7C878E;}.elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}.underline-link-effect .elementor-105 .elementor-element.elementor-element-1351f75b .elementor-icon-list-item:hover .elementor-icon-list-text:after{background-color:var( --e-global-color-text );}.elementor-105 .elementor-element.elementor-element-3d2f0bba{--display:flex;overflow:visible;}.elementor-105 .elementor-element.elementor-element-4b63f005 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-105 .elementor-element.elementor-element-71257c60{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-text{color:#7C878E;}.elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}.underline-link-effect .elementor-105 .elementor-element.elementor-element-71257c60 .elementor-icon-list-item:hover .elementor-icon-list-text:after{background-color:var( --e-global-color-text );}.elementor-105 .elementor-element.elementor-element-2103d53f{--display:flex;overflow:visible;}.elementor-105 .elementor-element.elementor-element-29049794 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-105 .elementor-element.elementor-element-d001645 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-105 .elementor-element.elementor-element-d001645 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-105 .elementor-element.elementor-element-d001645 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-105 .elementor-element.elementor-element-d001645 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-field-type-html{padding-bottom:0px;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-105 .elementor-element.elementor-element-d001645{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-105 .elementor-element.elementor-element-287dfab .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-639c61d5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF12;--border-color:#FFFFFF12;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-105 .elementor-element.elementor-element-5399028a{--display:flex;--justify-content:center;overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-79460dda{color:#7C878E;}.elementor-105 .elementor-element.elementor-element-6002a556{--display:flex;overflow:visible;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-172011e > a{color:var( --e-global-color-primary );background-color:#00000012;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-172011e > a svg path{stroke:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-172011e > a:hover{color:#ffffff;background-color:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-172011e > a:hover svg path{stroke:#ffffff;fill:#ffffff;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-0825b5a > a{color:var( --e-global-color-secondary );background-color:#00000012;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-0825b5a > a svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-0825b5a > a:hover{color:#ffffff;background-color:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-0825b5a > a:hover svg path{stroke:#ffffff;fill:#ffffff;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-fa40825 > a{color:var( --e-global-color-secondary );background-color:#00000012;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-fa40825 > a svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-fa40825 > a:hover{color:#ffffff;background-color:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-fa40825 > a:hover svg path{stroke:#ffffff;fill:#ffffff;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-de5a4e4 > a{color:var( --e-global-color-secondary );background-color:#00000012;}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-de5a4e4 > a svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-de5a4e4 > a:hover{color:#ffffff;background-color:var( --e-global-color-primary );}.elementor-105 .elementor-element.elementor-element-16516774 .elementor-repeater-item-de5a4e4 > a:hover svg path{stroke:#ffffff;fill:#ffffff;}.elementor-105 .elementor-element.elementor-element-16516774 .ekit_social_media{text-align:right;}.elementor-105 .elementor-element.elementor-element-16516774 .ekit_social_media > li > a{text-align:center;text-decoration:none;padding:0px 0px 0px 0px;width:50px;height:50px;line-height:49px;}.elementor-105 .elementor-element.elementor-element-16516774 .ekit_social_media > li{display:inline-block;margin:0px 6px 0px 0px;}@media(max-width:1024px){.elementor-105 .elementor-element.elementor-element-1d41531b{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-105 .elementor-element.elementor-element-2ade1819{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-105 .elementor-element.elementor-element-3874dcf4{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-105 .elementor-element.elementor-element-3d2f0bba{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-105 .elementor-element.elementor-element-2103d53f{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}}@media(max-width:767px){.elementor-105 .elementor-element.elementor-element-2ade1819{--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-105 .elementor-element.elementor-element-3874dcf4{--width:100%;}.elementor-105 .elementor-element.elementor-element-3d2f0bba{--width:100%;}.elementor-105 .elementor-element.elementor-element-2103d53f{--width:100%;}.elementor-105 .elementor-element.elementor-element-639c61d5{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-105 .elementor-element.elementor-element-2642b222{--width:35%;}.elementor-105 .elementor-element.elementor-element-3874dcf4{--width:17%;}.elementor-105 .elementor-element.elementor-element-3d2f0bba{--width:17%;}.elementor-105 .elementor-element.elementor-element-2103d53f{--width:27%;}.elementor-105 .elementor-element.elementor-element-5399028a{--width:60%;}.elementor-105 .elementor-element.elementor-element-6002a556{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-105 .elementor-element.elementor-element-2642b222{--width:40%;}.elementor-105 .elementor-element.elementor-element-3874dcf4{--width:30%;}.elementor-105 .elementor-element.elementor-element-3d2f0bba{--width:30%;}.elementor-105 .elementor-element.elementor-element-2103d53f{--width:60%;}.elementor-105 .elementor-element.elementor-element-5399028a{--width:100%;}.elementor-105 .elementor-element.elementor-element-6002a556{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-b8367dc */.button-container {
  display: flex;
  justify-content: left;
  gap: 20px;
}

/* Common styles for both buttons */
.brutalist-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 142px;
  color: #ffffff !important;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Styles for the first button */
.button-1 {
  background-color: #000;
  background-image: url("https://kodexolabs.com/wp-content/uploads/2024/12/We.webp");
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #079485;
  border-radius: 12px;
  box-shadow: 4px 4px 1px #000000;
}

.button-1:hover {
  background-color: #000;
  border-color: #079485;
  transform: translate(-6px, -6px) rotate(1deg);
  box-shadow: 10px 10px 0 #000000, 15px 15px 20px rgba(64, 164, 122, 0.2);
}

.button-1::before,
.button-1::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: 0.6s;
}

.button-1::before {
  left: -100%;
}
.button-1::after {
  left: 100%;
}

.button-1:hover::before {
  animation: swipeRight 1.5s infinite;
}
.button-1:hover::after {
  animation: swipeLeft 1.5s infinite;
}

@keyframes swipeRight {
  100% {
    transform: translateX(200%) skew(-45deg);
  }
}

@keyframes swipeLeft {
  100% {
    transform: translateX(-200%) skew(-45deg);
  }
}

/* Hover effects */
.brutalist-button:hover .openai-logo {
  transform: translateY(-10px);
}

.brutalist-button:hover .openai-icon {
  width: 40px;
  height: 40px;
}

.bruta.brutalist-button:hover .openai-text {
  opacity: 1;
  max-height: 60px;
  margin-top: 8px;
}

/* Styles for the OpenAI logo and text */
.openai-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 3;
}

.openai-icon {
  width: 64px;
  height: 64px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.openai-text {
  font-size: 24px;
  letter-spacing: 0.5px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.button-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 3;
}

.button-text span:first-child {
  font-size: 12px;
  font-weight: normal;
}

.button-text span:last-child {
  font-size: 16px;
}

/* Hover effects */
.brutalist-button:hover .openai-logo {
  transform: translateY(-10px);
}

.brutalist-button:hover .openai-icon {
  width: 40px;
  height: 40px;
}

.brutalist-button:hover .button-text,
.brutalist-button:hover .openai-text {
  opacity: 1;
  max-height: 60px;
  margin-top: 8px;
}

/* Animation for the OpenAI logo */
@keyframes spin-and-zoom {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

.brutalist-button:hover .openai-icon {
  animation: spin-and-zoom 4s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}

.brutalist-button:hover .openai-text {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.brutalist-button:active .openai-icon,
.brutalist-button:active .openai-text,
.brutalist-button:active .button-text {
  transform: scale(0.95);
}/* End custom CSS */