.btn-p-pagelink-icon.vk-patturn-btn-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
color: #333;
background-color: #fff;
border: 1px solid var(--wp--preset--color--vk-color-primary);
padding: 1rem 1.5rem;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
} @media screen and (min-width: 680px) {
.btn-p-pagelink-icon--container {
display: flex !important;
align-items: stretch !important;
}
.btn-p-pagelink-icon--container > .cols-5,
.btn-p-pagelink-icon--container > .cols-6 {
display: flex !important;
flex-direction: column !important;
}
.btn-p-pagelink-icon--container > .cols-5 > .wp-block-group,
.btn-p-pagelink-icon--container > .cols-6 > .wp-block-group {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
.btn-p-pagelink-icon--container > .cols-5 .vk_block-margin-0--margin-bottom,
.btn-p-pagelink-icon--container > .cols-6 .vk_block-margin-0--margin-bottom{
flex: 1 !important;
}
} @media screen and (max-width: 679.8px) {
.btn-p-pagelink-icon--container {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
}
.btn-p-pagelink-icon--container > .cols-5,
.btn-p-pagelink-icon--container > .cols-6 {
flex-basis: calc(50% - 15px) !important;
display: flex !important;
flex-direction: column !important;
}
.btn-p-pagelink-icon--container > .cols-5 > .wp-block-group,
.btn-p-pagelink-icon--container > .cols-6 > .wp-block-group {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
.btn-p-pagelink-icon--container > .cols-5 .vk_block-margin-0--margin-bottom,
.btn-p-pagelink-icon--container > .cols-6 .vk_block-margin-0--margin-bottom {
flex: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.btn-p-pagelink-icon--container .btn_download-2col {
margin-top: auto !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
} .btn-p-pagelink-icon .vk_icon_font {
color: var(--wp--preset--color--vk-color-primary);
transition: all 0.2s ease-in-out;
font-size: 1rem;
} .btn-p-pagelink-icon:hover {
background-color: var(--wp--preset--color--vk-color-primary);
color: #fff;
border-color: var(--wp--preset--color--vk-color-primary);
} .btn-p-pagelink-icon:hover .vk_icon_font {
color: #fff;
} @media (max-width: 680px) {
.btn-p-pagelink-icon.vk-patturn-btn-content {
padding: 0.8rem 1.2rem;
font-size: 0.95rem;
}
} .btn-p-pagelink-icon .p-txt-link-icon {
position: relative;
width: fit-content;
display: inline-block;
} .btn-p-pagelink-icon .p-txt-link-icon > .wp-block-image:first-of-type,
.btn-p-pagelink-icon .p-txt-link-icon > .wp-block-image:last-of-type {
transition: opacity 0.3s ease;
} .btn-p-pagelink-icon .p-txt-link-icon > .wp-block-image:last-of-type {
opacity: 0;
position: absolute;
top: 0;
left: 0;
margin-block-start: unset !important;
} .btn-p-pagelink-icon:hover .p-txt-link-icon > .wp-block-image:last-of-type {
opacity: 1 !important;
}
.btn-p-pagelink-icon:hover .p-txt-link-icon > .wp-block-image:first-of-type {
opacity: 0 !important;
}  .btn-link-list-underline {
display: inline-flex;
align-items: center;
gap: 6px; position: relative;
color: #333;
text-decoration: none;
cursor: pointer;
transition: color 0.2s ease;
} .btn-link-list-underline::before {
content: "";
position: absolute;
left: 0;
bottom: 0; width: 100%;
height: 1px;
background-color: #ccc;
z-index: 1;
} .btn-link-list-underline::after {
content: "";
position: absolute;
left: 0;
bottom: 0; width: 0;
height: 1px;
background-color: var(--wp--preset--color--vk-color-primary);
transition: width 0.3s ease;
z-index: 2;
} .btn-link-list-underline:hover::after {
width: 100%;
} .btn-link-list-underline:hover {
color: var(--wp--preset--color--vk-color-primary);
} .btn-link-list-underline .vk_icon_font {
position: relative;
left: 0;
color: var(--wp--preset--color--vk-color-primary);
transition: left 0.2s ease;
} .btn-link-list-underline:hover .vk_icon_font {
left: 6px;
}
@media screen and (max-width: 679.8px) {
.btn-p-pagelink-icon--container {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
}  @media screen and (max-width: 679.8px) {
.company-cat__container {
display: flex !important;
flex-wrap: wrap !important;
gap: 15px !important;
}
.company-cat__container > .cols-3 {
flex-basis: calc(50% - 15px) !important;
max-width: calc(50% - 15px) !important;
}
}